<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./assets/icon/iconfont.css">
</head>

<body>
    <div class="x-umove">
        <header>
            <div class="top-box">
                <div class="top-img"><a href=""><img src="./images/index_images/logo.jpg" alt=""></a></div>
                <div class="top-ipt">
                    <form action="">
                        <input type="text" placeholder="寻找商品">
                    </form>
                </div>
                <div class="top-right"><i class="iconfont icon-diandiandian
                    "></i></div>
            </div>
            <nav>
                <ul>
                    <li class="first"><a href="">推荐</a></li>
                    <li><a href="">女装</a></li>
                    <li><a href="">鞋包</a></li>
                    <li><a href="">居家</a></li>
                    <li><a href="">母婴儿童</a></li>
                    <li><a href="">美食</a></li>
                    <li><a href="">水果</a></li>
                    <li><a href="">玩具</a></li>
                    <li><a href="">玩具</a></li>
                    <li><a href="">玩具</a></li>
                    <li><a href="">玩具</a></li>
                    <li><a href="">玩具</a></li>
                    <li><a href="">玩具</a></li>
                    <div class="arrow-down"><a href=""><i class="iconfont icon-arrow-right"></i></a></div>
                </ul>

            </nav>

        </header>
        <article>
            <div class="banner">
                <div class="banner-box"><a href=""><img src="./images/index_images/banner.jpg" alt=""></a></div>
                <div class="banner-two">
                    <div class="two1"><a href=""><img src="./images/index_images/icon_1.jpg" alt="">
                            <p>限时抢购</p>
                        </a></div>
                    <div class="two1"><a href=""><img src="./images/index_images/icon_2.jpg" alt="">
                            <p>积分商城</p>
                        </a></div>
                    <div class="two1"><a href=""><img src="./images/index_images/icon_3.jpg" alt="">
                            <p>联系我们</p>
                        </a></div>
                    <div class="two1"><a href=""><img src="./images/index_images/icon_4.jpg" alt="">
                            <p>商品分类</p>
                        </a></div>
                </div>
            </div>
            <div class="seckill-box">
                <div class="seckill-1">
                    <div class="seckill-1-one"><i class="iconfont icon-miaosha"></i><span>限时秒杀</span></div>
                    <div class="seckill-1-two"><span>每天零点场&nbsp;好货秒不停</span></div>
                    <div class="seckill-1-three">
                        <span>02</span>
                        <span>:</span>
                        <span>16</span>
                        <span>:</span>
                        <span>45</span>
                        <span>秒杀</span>
                    </div>
                    <div class="seckill-1-img"><a href=""><img src="./images/index_images/shop_5.jpg" alt=""></a></div>
                    <div class="Price">&yen;14.8</div>
                </div>
                <div class="seckill-2">
                    <div class="seckill-2-top">
                        <div class="top-1">
                            <p class="top1-1-p1"><span class="p1-sp1">品牌上新</span><span class="p1-sp2">折</span></p>
                            <p class="top1-1-p2">每日9点&nbsp;抢大牌</p>
                            <a href=""><img src="./images/index_images/brand.jpg" alt=""></a>
                        </div>
                        <div class="top-2">
                            <a href=""><img src="./images/index_images/shop_1.jpg" alt=""></a>
                        </div>


                    </div>
                    <div class="seckill-2-bottom">
                        <div class="bottom-1">
                            <p class="bottom-1-one">每日十件</p>
                            <p class="bottom-1-two">只为你选好货</p>
                            <a href=""><img src="./images/index_images/shop_2.jpg" alt=""></a>
                        </div>
                        <div class="bottom-2">
                            <p class="bottom-2-one">拼啊</p>
                            <p class="bottom-2-two">超级好价拼团</p>
                            <a href=""><img src="./images/index_images/shop_3.jpg" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="adv">
                <a href="">
                    <img src="./images/index_images/bar.jpg" alt="">
                </a>
            </div>
            <div class="shoppingg-box">
                <div class="shopping-bx">
                    <div class="shopping-nav">
                        <div class="sp-nav-1"><a href="" class="sp-nav-1-a">热门推荐</a></div>
                        <div class="sp-nav-1"><a href="">发现好货</a></div>
                        <div class="sp-nav-1"><a href="">只看专场</a></div>
                        <div class="sp-nav-1"><a href="">只看商品</a></div>
                    </div>
                    <div class="shopping-1">
                        <a href="" class="sp-a1"><img src="./images/index_images/shop_4.jpg" alt=""></a>
                        <div class="details">
                            <p class="details-p1"><a href="">雅诗兰黛染发膏60ml</a></p>
                            <p class="details-p2">&yen;123.00</p>
                            <p class="details-p3"><a href="">已售800件</a></p>
                            <p class="details-p4"><a href="">立即抢购</a></p>
                        </div>
                    </div>
                    <div class="shopping-1">
                        <a href="" class="sp-a1"><img src="./images/index_images/shop_4.jpg" alt=""></a>
                        <div class="details">
                            <p class="details-p1"><a href="">雅诗兰黛染发膏60ml</a></p>
                            <p class="details-p2">&yen;123.00</p>
                            <p class="details-p3"><a href="">已售800件</a></p>
                            <p class="details-p4"><a href="">立即抢购</a></p>
                        </div>
                    </div>
                    <div class="shopping-1">
                        <a href="" class="sp-a1"><img src="./images/index_images/shop_4.jpg" alt=""></a>
                        <div class="details">
                            <p class="details-p1"><a href="">雅诗兰黛染发膏60ml</a></p>
                            <p class="details-p2">&yen;123.00</p>
                            <p class="details-p3"><a href="">已售800件</a></p>
                            <p class="details-p4"><a href="">立即抢购</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </article>
    </div>
    <div class="bottom-nav">
        <div><a href=""><i class="iconfont icon-shouye"></i><p>首页</p></a></div>
        <div><a href=""><i class="iconfont icon-cart1"></i><p>购物车</p></a></div>
        <div><a href=""><i class="iconfont icon-my"></i><p>我的</p></a></div>
    </div>

</body>

</html>